.voting {
  &-loading {
    height: 100%;
    background: @fill-base;
    position: relative;
    min-height: 150 * @hd;
    &-content {
      position: absolute;
      top: 41%;
      left: 50%;
      transform: translate(-50%);
    }
    .am-activity-indicator {
      justify-content: center;
    }
  }
  /* 暂无数据页面 && 暂无权限页面 && 已删除协作页面 */
  &-noData, &-noPermission, &-detele {
    height: 100%;
    background: @fill-base;
    position: relative;
    min-height: 150 * @hd;
    .am-result {
      padding-top: 0;
      padding-bottom: 0;
      border: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      .am-icon-no-data, .am-icon-wuquanxian {
        color: @color-text-placeholder;
        width: 60 * @hd;
        height: 60 * @hd;
      }
    }
  }

  &-template-pic {
    display: flex;
    color: @color-text-paragraph;
    &-img {
      width: 90 * @hd;
      height: 90 * @hd;
      margin-right: 10 * @hd;
      >img, >.am-icon {
        width: 100%;
        height: 100%;
      }
    }
    &-content {
      overflow: hidden;
      width: calc(~'100% - '100 * @hd);
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      &-title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
      &-info {
        color: @color-text-caption;
        word-break: break-all;
        white-space: pre-wrap;
        .creater {
          margin-right: 8 * @hd;
          max-width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          vertical-align: bottom;
        }
      }
      &-time {
        display: flex;
        justify-content: space-between;
        &.isEnglish {
          display: block;
        }
        .time {
          color: #FF743B;
          word-break: break-all;
          white-space: pre-wrap;
          .am-icon {
            position: relative;
            top: 2 * @hd;
          }
        }
        .statistics {
          color: @color-text-caption;
          font-size: @font-size-caption-sm;
        }
      }
    }
  }
  &-template {
    color: @color-text-paragraph;
    &-title {
      .name {
        white-space: pre-wrap;
        word-break: break-all;
      }
      .num {
        color: @color-text-caption;
        margin-left: 12 * @hd;
        white-space: pre-wrap;
      }
    }
    &-info {
      position: relative;
      display: flex;
      justify-content: space-between;
      .time {
        color: @color-text-caption;
        white-space: pre-wrap;
        word-break: break-all;
      }
      &-state {
        font-size: @font-size-caption-sm;
        text-align: center;
        border: 1 * @hd solid;
        border-radius: 2 * @hd;
        padding: 2 * @hd 6 * @hd;
        height: 19 * @hd;
        line-height: 19 * @hd;
        min-width: 30 * @hd;  // for the style of big fontSize
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
    }
  }
}

.am-icon-filter-o-hot {
  color: @brand-primary !important;
}